<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>视频插题</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../common/mui/mui.css" rel="stylesheet" />
		<link href="../common/css/yahei.css" rel="stylesheet" />
		<link href="../common/css/iconfont.css" rel="stylesheet" />
		<link href="../common/css/app.css" rel="stylesheet" />
		<link href="../dependence/teach/css/teachPublic.css" rel="stylesheet" />
		<link href="../dependence/teach/css/examPaper.css" rel="stylesheet" />
		<style>
			.baseBtn{
				margin-right: var(--size15);
			}
			.scoreInfo{
				display: none;
				position: absolute;
				top: 44px;
				left: 0;
				width: 100%;
				height: calc(100% - 44px);
				padding: var(--size20);
				text-align: center;
				z-index: 8;
				background-color: white;
			}
			.scoreInfo .scoreTitle{
				font-size: var(--size16);
				color: var(--textColor);
			}
			/* 考试结果--通过/未通过 */
			.scoreResult{
				font-size: var(--size20);
				color: var(--mainColor);
				margin-top: var(--size20);
				font-weight: 600;
			}
			.scoreInfo .scoreResult.redColor{
				color: orangered;
			}
			
			/* 考试分数 */
			.scoreInfo .scoreText{
				font-size: var(--size32);;
				margin: var(--size20);
				font-weight: 600;
			}
			.scoreInfo .scoreText span{
				font-size: var(--size16);
				margin-left: var(--size5);
			}
			
			/* 答题情况几道正确,几道错误 */
			.scoreInfo .scoreCount{
				font-size: var(--size15);
				margin-top: var(--size10);
			}
			/* 解析按钮 */
			.examAnalyBtns{
				display: flex;
				justify-content: center;
			}
			.examAnalyBtn{
				border: solid 1px var(--mainColor);
				background-color: white;
				color: var(--mainColor);
				margin: var(--size20) var(--size10) 0;
				padding: 0 var(--size8);
				height: var(--size30);
				line-height: var(--size30);
				border-radius: var(--size5);
				font-size: var(--size14);
			}
		</style>
	</head>

	<body class="YaHei">
		<header class="mui-bar mui-bar-nav">
			<a id="backBtn" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="display: none;"></a>
			<h1 class="mui-title">视频插题</h1>
		</header>
		<div class="mui-content web-font">
			<div class="timeHeader">
				<div class="nurfont nur-shijian">计时</div>
				<div id="addTime" class="reduceTime"></div>
			</div>
			<div id="slider" class="mui-scroll-wrapper">
				<div class="mui-scroll">
					
				</div>
			</div>
			<div class="btnArea">
				<div class="mui-btn mui-btn-primary baseBtn portraitCenter">交卷</div>
			</div>
		</div>
		
		<script src="../common/mui/mui.js"></script>
		<script src="../common/js/DHCMethods.js"></script>
		<script src="../common/js/globalSet.js"></script>
		<script src="../common/js/jquery-3.4.1.min.js"></script>
		<script src="../common/js/DHCWebService.js"></script>
		<script src="../common/js/app.js"></script>
		<script src="../dependence/teach/js/videoProblems.js"></script>
	</body>

</html>
